<!doctype html>
<html lang="zh-cmn-Hans">

<head>
    <!-- 编码方式 -->
    <meta charset="utf-8">
    <!-- 移动端视图 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- SEO友好关键字 -->
    <meta name="keywords" content="西南科技大学">
    <meta name="keywords" content="计算机&网络技术协会">
    <meta name="keywords" content="西南科技大学计算机&网络技术协会">
    <meta name="keywords" content="首页">
    <!-- 页面描述内容 -->
    <meta name="description" content="西南科技大学计算机&网络技术协会">
    <!-- 作者 -->
    <meta name="author" content="西南科技大学计算机&网络技术协会,1519518315@qq.com">
    <!-- 搜索引擎索引 -->
    <meta name="robots" content="index">
    <!-- 搜索引擎爬虫重访时间 -->
    <meta name="revisit-after" content="1 days">
    <!-- 默认webkit内核 -->
    <meta name="renderer" content="webkit">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/css/resources/bootstrap.css">
    <link rel="stylesheet" href="/fontawesome-free-5.11.2-web/css/all.css">
    <!-- yangjiangtao -->
    <link rel="stylesheet" href="/css/front/yjt.layout.css">
    <link rel="stylesheet" href="/css/front/yjt.jumbotron.css">
    <link rel="stylesheet" href="/css/front/yjt.menu.css">
    <link rel="stylesheet" href="/css/front/yjt.post.css">
    <link rel="stylesheet" href="/css/front/yjt.aside.box.css">


    <title>Welcome to CaitClub</title>
</head>

<body>
    <div id="page" class="page">
        <aside class="aside-menu bg-black text-white " id="collapseAside">
            <ul class="menu-nav">
                <li class="brand">Cait·Club</li>
                <li><a href="index.html">Home</a></li>
                <li><a href="news.html">News</a></li>
                <li><a href="notice.html">Notice</a></li>
                <li><a href="member.html">Members</a></li>
                <li><a href="about.html">About</a></li>
            </ul>
            <div class="px-5 ">
                <div class="seacher-box py-4 mb-4">
                    <h2 class="box-title">Search</h2>
                    <form action="#" class="search-form" method="GET">
                        <label class="search-field">
                            <span class="sr-only">Search...</span>
                            <input type="text" class="search-btn" placeholder="Search...">
                        </label>
                        <button type="submit" class="search-submit" placeholder="Search...">
                            <i class="fas fa-search"></i>
                        </button>
                    </form>
                </div>
                <div class="lastest-file-box py-4 mb-5">
                    <h2 class="box-title">Latest Posts</h2>
                    <ul class="list-unstyled file-list">
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">
                                    Our trip to Mount Cook
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">Vegetable stir fry
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">The eighth Wonder of the
                                    World
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">
                                    Our trip to Mount Cook
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote class="blockquote">
                                <a href="#" class="file-list-title">Vegetable stir fry
                                </a>
                                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                                </footer>
                            </blockquote>
                        </li>
                    </ul>
                </div>
                <div class="tag-box py-4 ">
                    <h2 class="box-title">Tags</h2>
                    <div class="tages">
                        <a href="#"> website stores</a>
                        <a href="#" class="h4">bootstrap </a>
                        <a href="#">home </a>
                        <a href="#">home </a>
                        <a href="#">alcohol </a>
                        <a href="#">home </a>
                        <a href="#" class="h3">website stores </a>
                        <a href="#"> </a>
                        <a href="#" class="h3">collect information </a>
                        <a href="#" class="h2"> information </a>
                        <a href="#"> </a>
                        <a href="#">collect information </a>
                        <a href="#" class="h3">collect information </a>
                        <a href="#"></a> </a>
                        <a href="#" class="h5">collect information </a>
                        <a href="#">information </a>
                        <a href="#" class="h4">collect information </a>
                        <a href="#">collect information </a>
                        <a href="#" class="h2">collect information </a>
                        <a href="#" class="h6">collect information </a>
                        <a href="#"> interact with </a>
                        <a href="#" class="h5"> visitors both </a>
                        <a href="#" class="h6">analytics </a>
                        <a href="#" class="h3">other media.</a>
                        <a href="#"> cookies </a>
                        <a href="#" class="h2">these problems</a>
                        <a href="#">Customers </a>
                        <a href="#" class="h5">common</a>
                    </div>
                </div>
                <div class="about-box py-4 mb-5">
                    <h2 class="box-title ">About Us</h2>
                    <p>Publication is an elegant blog and magazine theme that features
                        full-screen Featured Images. It’s perfect for sites about fashion,
                        food, travel, or design. With balanced typography, colors, and
                        attention to detail, Publication helps you create visually stunning
                        posts.</p>
                </div>
            </div>
        </aside>
        <header>
            <section>
                <div class="jumbotron bg-jumbotron text-light mb-0">
                    <h1 class="heading m-0">Cait·Club</h1>
                    <button id="menuBtn" class="menu-btn" style="z-index: 1000;">
                        <i class="fas fa-1x fa-bars"></i>
                    </button>


                    <div>
                        <h1 class="display-4">Our trip to Mount Cook</h1>
                        <p class="lead">This is a simple hero unit, a simple jumbotron-style component
                            for calling extra attention to featured content or information.</p>
                    </div>
                </div>
            </section>
        </header>
        <main>
            <div class="container-fluid row m-0 p-0">
                <aside class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 bg-white container ">
                    <div class="left-aside">
                        <article class="post mt-5 clearfix">
                            <a href="http://www.baidu.com" class="post-tag">
                                News
                            </a>

                            <a href="/img/7.jpg">
                                <img src="/img/7.jpg" class="post-img float-right" alt="...">
                            </a>
                            <a href="">
                                <h4 class="post-head">Vegetable stirfry</h4>
                            </a>
                            <p class="post-body">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                scelerisque
                                ante
                                sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra
                                turpis.
                                Fusce condimentum nunc ac nisi vulputate fringilla... <a href="http://www.baidu.com"
                                    class="post-foot">Continue...</a>
                            </p>
                        </article>
                        <hr />
                        <article class="post mt-5 clearfix">
                            <a href="http://www.baidu.com" class="post-tag">
                                News
                            </a>

                            <a href="/img/8.jpg">
                                <img src="/img/8.jpg" class="post-img float-right" alt="...">
                            </a>
                            <a href="">
                                <h4 class="post-head">Vegetable stirfry</h4>
                            </a>
                            <p class="post-body">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                scelerisque
                                ante
                                sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra
                                turpis.
                                Fusce condimentum nunc ac nisi vulputate fringilla... <a href="http://www.baidu.com"
                                    class="post-foot">Continue...</a>
                            </p>
                        </article>
                        <hr />
                        <article class="post mt-5 clearfix">
                            <a href="http://www.baidu.com" class="post-tag">
                                News
                            </a>

                            <a href="/img/9.jpg">
                                <img src="/img/9.jpg" class="post-img float-right" alt="...">
                            </a>
                            <a href="#">
                                <h4 class="post-head">Vegetable stirfry</h4>
                            </a>
                            <p class="post-body">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
                                scelerisque
                                ante
                                sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra
                                turpis.
                                Fusce condimentum nunc ac nisi vulputate fringilla... <a href="http://www.baidu.com"
                                    class="post-foot">Continue...</a>
                            </p>
                        </article>
                        <hr />
                    </div>
                </aside>
                <aside class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 bg-black container">
                    <div class="right-aside ">
                        <div class="container-fulid text-white ">
                            <div class="row ">
                                <section class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 ">
                                    <div class="seacher-box py-4 mb-4">
                                        <h2 class="box-title">Search</h2>
                                        <form action="#" class="search-form" method="GET">
                                            <label class="search-field">
                                                <span class="sr-only">Search...</span>
                                                <input type="text" class="search-btn" placeholder="Search...">
                                            </label>
                                            <button type="submit" class="search-submit" placeholder="Search...">
                                                <i class="fas fa-search"></i>
                                            </button>
                                        </form>
                                    </div>


                                    <div class="lastest-file-box py-4 mb-5">
                                        <h2 class="box-title">Latest Posts</h2>
                                        <ul class="list-unstyled file-list">
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">
                                                        Our trip to Mount Cook
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">Vegetable stir fry
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">The eighth Wonder of the
                                                        World
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">
                                                        Our trip to Mount Cook
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                            <li>
                                                <blockquote class="blockquote">
                                                    <a href="#" class="file-list-title">Vegetable stir fry
                                                    </a>
                                                    <footer class="blockquote-footer">March 25, 2015 <cite
                                                            title="Source Title">LYS</cite></footer>
                                                </blockquote>
                                            </li>
                                        </ul>
                                    </div>

                                </section>
                                <section class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">

                                    <div class="tag-box py-4 ">
                                        <h2 class="box-title">Tags</h2>
                                        <div class="tages">
                                            <a href="#"> website stores</a>
                                            <a href="#" class="h4">bootstrap </a>
                                            <a href="#">home </a>
                                            <a href="#">home </a>
                                            <a href="#">alcohol </a>
                                            <a href="#">home </a>
                                            <a href="#" class="h3">website stores </a>
                                            <a href="#"> </a>
                                            <a href="#" class="h3">collect information </a>
                                            <a href="#" class="h2"> information </a>
                                            <a href="#"> </a>
                                            <a href="#">collect information </a>
                                            <a href="#" class="h3">collect information </a>
                                            <a href="#"></a> </a>
                                            <a href="#" class="h5">collect information </a>
                                            <a href="#">information </a>
                                            <a href="#" class="h4">collect information </a>
                                            <a href="#">collect information </a>
                                            <a href="#" class="h2">collect information </a>
                                            <a href="#" class="h6">collect information </a>
                                            <a href="#"> interact with </a>
                                            <a href="#" class="h5"> visitors both </a>
                                            <a href="#" class="h6">analytics </a>
                                            <a href="#" class="h3">other media.</a>
                                            <a href="#"> cookies </a>
                                            <a href="#" class="h2">these problems</a>
                                            <a href="#">Customers </a>
                                            <a href="#" class="h5">common</a>
                                        </div>
                                    </div>

                                    <div class="about-box py-4 mb-5">
                                        <h2 class="box-title ">About Us</h2>
                                        <p>Publication is an elegant blog and magazine theme that features
                                            full-screen Featured Images. It’s perfect for sites about fashion,
                                            food, travel, or design. With balanced typography, colors, and
                                            attention to detail, Publication helps you create visually stunning
                                            posts.</p>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </aside>
            </div>
        </main>
        <footer>
            <div class="footer bg-black">
                Powered by WordPress.com.
            </div>
        </footer>
    </div>

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/js/resources/jQuery.v3.4.1.js"></script>
    <script src="/js/resources/popper.v1.16.0.js"></script>
    <script src="/js/resources/bootstrap.js"></script>

    <script src="/js/front/front.common.js"></script>
    <script src="/js/front/front.index.js"></script>
    <script>


    </script>
</body>


</html>